<template>
	<view class="information">
		<hr />
		<view class="main">
			<view class="item">
				<text class="text">姓名：</text>
				<input />
			</view>
			<view class="item">
				<text class="text">电话号码：</text>
				<input />
			</view>
			<view class="item">
				<text class="text">性别：</text>
				<input />
			</view>
			<view class="item">
				<text class="text">人员编号：</text>
				<input disabled/>
			</view>
			<view class="item">
				<text class="text">身份证号：</text>
				<input />
			</view>
			<view class="item">
				<text class="text">出生日期：</text>
				<view class="time">
					<uni-datetime-picker type="date"></uni-datetime-picker>
				</view>
			</view>
		</view>
		<hr />
		<view class="bottom">
			<button class="b1">修改</button>
			<button class="b2">确认</button>
		</view>
	</view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
	.information{
		hr{
			position: relative;
			top: 70rpx;
		}
		.main{
			padding-top: 110rpx;
			.item{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 20rpx 40rpx;
				input{
					border: 1rpx solid black;
					width: 500rpx;
					height: 60rpx;
					background-color: beige;
					border-radius: 5px;
				}
				.time{
					
				}
				.text{
					font-size: 30rpx;
					font-weight: bold;
				}
			}
		}
		.bottom{
			display: flex;
			justify-content: space-around;
			position: relative;
			top: 150rpx;
			.b1{
				border-radius: 5rpx;
			}
			.b2{
				width: 200px;
				border-radius: 5rpx;
				background-color: burlywood;
			}
		}
	}
</style>
